﻿<!--包含头部文件-->
{include file="public/header" /}
<body>
<article class="page-container">
	<form action="" method="post" class="form form-horizontal" id="admin-group-edit">
		<input type="hidden" class="input-text" value="{$admin_group['id']}" name="id">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>角色名称：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="{$admin_group['title']}" placeholder="" id="title" name="title">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">描述：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="{$admin_group['describe']}" placeholder="" id="describe" name="describe">
			</div>
		</div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">状态：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div class="radio-box">
                    <input name="status" value="1" type="radio" id="status-1" {if condition="$admin_group['status'] eq 1"}checked{/if}>
                    <label for="status-1">启用</label>
                </div>
                <div class="radio-box">
                    <input type="radio" value="0" id="status-2" name="status" {if condition="$admin_group['status'] eq 0"}checked{/if}>
                    <label for="status-2">关闭</label>
                </div>
            </div>
        </div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">网站角色：</label>
			<div class="formControls col-xs-8 col-sm-9">
				{volist name="data" id="v"}
				<dl class="permission-list">
					<dt>
						<label>
							<input {in name="v.id" value="$admin_group['rules']"}checked{/in} type="checkbox" value="{$v.id}" dataid="id-{$v['id']}" name="new_rules[]" id="user-Character-0">
							{$v.title}
						</label>

					</dt>
					<dd>
						{volist name="v.sub" id="vv"}
						<dl class="cl permission-list2">
							<dt>
								<label class="">
									<input {in name="vv.id" value="$admin_group['rules']"}checked{/in} name="new_rules[]" type="checkbox" value="{$vv.id}" name="user-Character-0-0" dataid="id-{$v['id']}-{$vv['id']}" id="user-Character-0-0">
									{$vv.title}
								</label>
							</dt>
							<dd>
								{volist name="vv.sub" id="vvv"}
								<label class="">
									<input {in name="vvv.id" value="$admin_group['rules']"}checked{/in} name="new_rules[]" type="checkbox" value="{$vvv.id}"  dataid="id-{$v['id']}-{$vv['id']}-{$vvv['id']}" id="user-Character-0-0-0">
									{$vvv.title}
								</label>
								{/volist}
							</dd>
						</dl>
						{/volist}
					</dd>
				</dl>
				{/volist}
			</div>
		</div>
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<button type="submit" class="btn btn-success radius" id="admin-role-save" name="admin-role-save"><i class="icon-ok"></i> 确定</button>
			</div>
		</div>
	</form>
</article>

<!--包含footer文件-->
{include file="public/footer" /}

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__STATIC__/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__STATIC__/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__STATIC__/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
$(function(){
	$(".permission-list dt input:checkbox").click(function(){
		$(this).closest("dl").find("dd input:checkbox").prop("checked",$(this).prop("checked"));
	});
	$(".permission-list2 dd input:checkbox").click(function(){
		var l =$(this).parent().parent().find("input:checked").length;
		var l2=$(this).parents(".permission-list").find(".permission-list2 dd").find("input:checked").length;
		if($(this).prop("checked")){
			$(this).closest("dl").find("dt input:checkbox").prop("checked",true);
			$(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",true);
		}
		else{
			if(l==0){
				$(this).closest("dl").find("dt input:checkbox").prop("checked",false);
			}
			if(l2==0){
				$(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",false);
			}
		}
	});

    $("#admin-group-edit").validate({
        rules:{
            title:{
                required:true,
            },
        },
        onkeyup:false,
        focusCleanup:true,
        success:"valid",
        submitHandler:function(form){
            var arr = new FormData(document.getElementById("admin-group-edit"));
            $.ajax({
                url:"{:url('admin/admin_group_edit')}",
                type:"post",
                data:arr,
                async: true,
                processData: false,
                contentType: false,
                dataType:"json",
                success:function (data) {
                    if (data.code == 200){
                        layer.alert('编辑成功',{
                            skin: 'layui-layer-molv' //样式类名 自定义样式
                            ,closeBtn: 0  // 是否显示关闭按钮
                            ,anim: 1 //动画类型
                            ,btn: '确认'//按钮
                            ,icon: 6  // icon
                            ,yes:function(){
                                layer.closeAll();
                                parent.location.reload();
                            }
                        })
                    }else {
                        layer.alert('编辑失败'+data.msg+'',{
                            skin: 'layui-layer-molv' //样式类名 自定义样式
                            ,closeBtn: 0  // 是否显示关闭按钮
                            ,anim: 1 //动画类型
                            ,btn: '确认'//按钮
                            ,icon: 6  // icon
                        })
                    }

                },
                error:function () {
                    layer.alert('编辑失败',{
                        skin: 'layui-layer-molv' //样式类名 自定义样式
                        ,closeBtn: 0  // 是否显示关闭按钮
                        ,anim: 1 //动画类型
                        ,btn: '确认'//按钮
                        ,icon: 6  // icon
                    })
                }
            })

        }
    });
});
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>